<script setup></script>

<template>
  <div class="py-[120px] max-w-[1232px] mx-auto px-4 flex flex-row items-center gap-20 lg:py-12 lg:gap-5">
    <div class="max-w-[532px] shrink-0 lg:max-w-full">
      <img
        alt="HIX Bypass 如何使 AI 人性化？"
        loading="lazy"
        width="48"
        height="48"
        decoding="async"
        data-nimg="1"
        src="@/assets/img/ghost.webp"
        style="color: transparent"
        _mstalt="669682"
        _msthash="2489"
      />
      <h2 class="py-3 text-5xl font-bold lg:text-3xl md:text-2xl sm:text-xl lg:py-2" _msttexthash="53457807" _msthash="2490">
        HIX Bypass 如何使 AI 人性化？
      </h2>
      <p class="lg:text-md" _msttexthash="681574400" _msthash="2491">
        使用我们专有的 AI 人性化技术，您可以依靠 HIX Bypass 将您的 AI 文本转换为听起来更像人类和可读性，从而顺利绕过 AI 检测器。
      </p>
      <button
        class="mt-10 bg-[#165DFF] px-8 h-[64px] w-fit flex items-center justify-center rounded-full text-white text-lg font-semibold hover:bg-primary lg:mt-5 lg:h-12 lg:text-base"
        _msttexthash="24156652"
        _msthash="2791"
      >
        免费人性化 AI 文本
      </button>
    </div>
    <div class="flex-1 space-y-3">
      <div class="bg-[#F3FFF6] px-6 py-5 rounded-xl">
        <span class="i-cus--replaces-detectable-elements w-8 h-8 shrink-0"></span>
        <p class="text-lg font-bold pt-3 lg:text-base" _msttexthash="23705097" _msthash="2492">替换可检测元素</p>
        <p class="pt-2 text-[#677788] lg:text-md" _msttexthash="687441040" _msthash="2493">
          HIX Bypass 对 AI 经常使用的短语和句子结构有着敏锐的洞察力。然后，它会将它们替换为不太可能被标记的适当替代方案。
        </p>
      </div>
      <div class="bg-[#FFF3F3] px-6 py-5 rounded-xl">
        <span class="i-cus--improves-readability w-8 h-8 shrink-0"></span>
        <p class="text-lg font-bold pt-3 lg:text-base" _msttexthash="17140266" _msthash="2494">提高可读性</p>
        <p class="pt-2 text-[#677788] lg:text-md" _msttexthash="542460191" _msthash="2495">
          HIX Bypass 可以消除重复、不一致和语法错误等可读性问题，使您能够为读者提供更流畅的阅读体验。
        </p>
      </div>
      <div class="bg-[#FFFBF1] px-6 py-5 rounded-xl">
        <span class="i-cus--adds-emotion w-8 h-8 shrink-0"></span>
        <p class="text-lg font-bold pt-3 lg:text-base" _msttexthash="10892544" _msthash="2496">添加情感</p>
        <p class="pt-2 text-[#677788] lg:text-md" _msttexthash="901150679" _msthash="2497">
          AI 生成的文本往往是机器人的。HIX Bypass
          可以为文本添加情感上的细微差别，使其不那么单调和冰冷。您的读者会觉得它好像是经过精心编写的。
        </p>
      </div>
    </div>
  </div>
</template>

<style lang="less" scoped>
*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
*,
:after,
:before {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: rgb(var(--ux-color-border) / 1);
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.py-\[120px\] {
  padding-top: 120px;
  padding-bottom: 120px;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.gap-20 {
  gap: 5rem;
}
.items-center {
  align-items: center;
}
.max-w-\[1232px\] {
  max-width: 1232px;
}
.flex {
  display: flex;
}
.shrink-0 {
  flex-shrink: 0;
}
.max-w-\[532px\] {
  max-width: 532px;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
.font-bold {
  font-weight: 700;
}
.text-5xl {
  font-size: 2.25rem;
  line-height: 3rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
button:where(:not([class^='coco'])) {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button:where(:not([class^='coco'])) {
  text-transform: none;
}
button:where(:not([class^='coco'])) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
button:where(:not([class^='coco'])) {
  cursor: pointer;
}
.mt-10 {
  margin-top: 2.5rem;
}
.flex {
  display: flex;
}
.h-\[64px\] {
  height: 64px;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.rounded-full {
  border-radius: 9999px;
}
.bg-\[\#165DFF\],
.bg-\[\#165dff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 93 255 / var(--tw-bg-opacity, 1));
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.font-semibold {
  font-weight: 600;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.bg-\[\#F3FFF6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 255 246 / var(--tw-bg-opacity, 1));
}
.rounded-xl {
  border-radius: 0.75rem;
}
.i-cus--replaces-detectable-elements {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0Jz48ZyBmaWxsPScjMDBDMkE3Jz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGQ9J00xLjMgMmEuNy43IDAgMDEuNy0uN2gxMy45NjJhLjcuNyAwIDAxLjUxLjIybDUuNTcgNS45MjZhLjcuNyAwIDAxLjE5LjQ4VjIyYS43LjcgMCAwMS0uNy43SDJhLjcuNyAwIDAxLS43LS43VjJabTEuNC43djE4LjZoMTguMTMzVjguMjAzTDE1LjY2IDIuN0gyLjdaJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnLz48cGF0aCBkPSdNMTYgOGgtLjdhLjcuNyAwIDAwLjcuN1Y4Wm01IC43aC43VjcuM0gyMXYxLjRaTTE1LjMgMnY2aDEuNFYyaC0xLjRabS43IDYuN2g1VjcuM2gtNXYxLjRabS0yLjE1OSA2LjcyVjguNzgyaDEuNDA4djYuNjRoLTEuNDA4Wm0tMi4zNTcgMC0uNDgxLTEuNThoLTIuNDJMOC4xIDE1LjQySDYuNTg0bDIuMzQ0LTYuNjY2aDEuNzJsMi4zNTMgNi42NjdoLTEuNTE3Wm0tLjgxNy0yLjc2LS40ODEtMS41NDVjLS4wMy0uMTAzLS4wNzItLjIzNC0uMTIzLS4zOTVhNDMuMDg1IDQzLjA4NSAwIDAwLS4xNS0uNDk1Yy0uMDQ4LS4xNy0uMDg4LS4zMTYtLjExOC0uNDRhNDUuMDAzIDQ1LjAwMyAwIDAxLS4zODEgMS4zM2wtLjQ3NyAxLjU0NGgxLjczWicvPjxwYXRoIGZpbGwtcnVsZT0nZXZlbm9kZCcgZD0nTTE5LjI1NiAxMi43M2EuNy43IDAgMDEuNTYyLjgxNWMtLjY5OCAzLjgwNC00LjUzOSA2LjIwNC04LjQ5NSA1LjQ3OGEuNy43IDAgMDEuMjUzLTEuMzc3YzMuMjg3LjYwMyA2LjMyMy0xLjM5OCA2Ljg2NS00LjM1M2EuNy43IDAgMDEuODE1LS41NjNaJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnLz48cGF0aCBmaWxsLW9wYWNpdHk9Jy42JyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGQ9J00xMS40MDYgNi4yMDhjLTIuNzg0LS41MDctNS43IDEuNzIyLTYuMzQzIDUuMjQ4YS43LjcgMCAxMS0xLjM3Ny0uMjVjLjc0My00LjA4IDQuMjM1LTcuMDU2IDcuOTcxLTYuMzc1YS43LjcgMCAwMS0uMjUgMS4zNzdaJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnLz48cGF0aCBmaWxsLW9wYWNpdHk9Jy42JyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGQ9J00xMC45NCAzLjQwMmEuNy43IDAgMDEuOTc0LjE3N2wxLjI2NCAxLjgyOGEuNy43IDAgMDEtLjE3Ny45NzRsLTEuODI4IDEuMjY0YS43LjcgMCAwMS0uNzk2LTEuMTUxbDEuMjUyLS44NjYtLjg2Ni0xLjI1MmEuNy43IDAgMDEuMTc3LS45NzRaJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnLz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGQ9J00xMi41OSAyMC41ODRhLjcuNyAwIDAxLS45OS0uMDE2bC0xLjU0Ni0xLjU5NmEuNy43IDAgMDEuMDE2LS45OWwxLjU5Ni0xLjU0NmEuNy43IDAgMDEuOTc0IDEuMDA2TDExLjU0NiAxOC41bDEuMDYgMS4wOTNhLjcuNyAwIDAxLS4wMTYuOTlaJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnLz48L2c+PC9zdmc+);
}

.i-cus--improved-seo-friendliness,
.i-cus--improves-readability {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.i-cus--improves-readability {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0Jz48ZyBmaWxsPScjRkY0RDRGJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCc+PHBhdGggZD0nTTIuMzYgMi42NThhMS43IDEuNyAwIDAxMS43LTEuN2gxNC4wMDRhMS43IDEuNyAwIDAxMS43IDEuN1Y4LjY3YS43LjcgMCAxMS0xLjQgMFYyLjY1OGEuMy4zIDAgMDAtLjMtLjNINC4wNmEuMy4zIDAgMDAtLjMuM3YxOC44MDRhLjMuMyAwIDAwLjMuM2gxNC4wMDNhLjMuMyAwIDAwLjMtLjN2LTYuNTE3YS43LjcgMCAxMTEuNCAwdjYuNTE3YTEuNyAxLjcgMCAwMS0xLjcgMS43SDQuMDZhMS43IDEuNyAwIDAxLTEuNy0xLjdWMi42NThaJy8+PHBhdGggZD0nTTIuNzYgNS42NTlhLjcuNyAwIDAxLjctLjdoMTUuMjA0YS43LjcgMCAxMTAgMS40SDMuNDZhLjcuNyAwIDAxLS43LS43WicvPjxwYXRoIGQ9J000Ljc2MyAxNi4wNmEuNy43IDAgMDEuNy0uN2g2Ljg2MWEuNy43IDAgMTEwIDEuNGgtNi44NmEuNy43IDAgMDEtLjctLjdabTAgMy4yMDFhLjcuNyAwIDAxLjctLjdoMTEuMTk4YS43LjcgMCAxMTAgMS40SDUuNDYzYS43LjcgMCAwMS0uNy0uN1onIG9wYWNpdHk9Jy42Jy8+PHBhdGggZD0nTTE2Ljk5NCA4Ljc2YTIuOTcgMi45NyAwIDEwMCA1Ljk0IDIuOTcgMi45NyAwIDAwMC01Ljk0Wm0tNC4zNyAyLjk3YTQuMzcgNC4zNyAwIDExOC43NCAwIDQuMzcgNC4zNyAwIDAxLTguNzQgMFonLz48cGF0aCBkPSdNMTkuMjIyIDEzLjkzYS43LjcgMCAwMS45ODguMDU4bDIuNzczIDMuMTI1YS43LjcgMCAwMS0xLjA0Ny45M2wtMi43NzMtMy4xMjVhLjcuNyAwIDAxLjA1OS0uOTg4Wk05LjQxOSA4LjcxOWEuNy43IDAgMDEuNjQ4Ljc0OGMtLjA5OSAxLjM3OS0uNDQgMi41MjYtMS4yMTcgMy4zMi0uNzkuODEtMS45MDQgMS4xMjktMy4yNTggMS4xMjlhLjcuNyAwIDExMC0xLjRjMS4xNSAwIDEuODMtLjI3IDIuMjU3LS43MDYuNDM5LS40NS43MzMtMS4yMDIuODIyLTIuNDQzYS43LjcgMCAwMS43NDgtLjY0OFonLz48cGF0aCBkPSdNNi4xNjMgMTAuNTRhLjcuNyAwIDAxLjI1Mi0uOTU3TDkuMTggNy45NzFhLjcuNyAwIDAxLjk1Ny4yNTJsMS42MTIgMi43NjVhLjcuNyAwIDExLTEuMjEuNzA1TDkuMjggOS41MzNsLTIuMTYgMS4yNmEuNy43IDAgMDEtLjk1Ny0uMjUzWicvPjwvZz48L3N2Zz4=);
}
.i-cus--adds-emotion {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0Jz48ZyBmaWxsPScjRkY5QTIzJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGQ9J003Ljk2OSAxNS4wMzdhNS44MTkgNS44MTkgMCAxMDAtMTEuNjM3IDUuODE5IDUuODE5IDAgMDAwIDExLjYzN1ptMCAxLjRBNy4yMTkgNy4yMTkgMCAxMDcuOTY5IDJhNy4yMTkgNy4yMTkgMCAwMDAgMTQuNDM3WicgY2xpcC1ydWxlPSdldmVub2RkJy8+PHBhdGggZmlsbC1vcGFjaXR5PScuNicgZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNMTcuMTU2IDE5Ljc2MmEuNy43IDAgMDEtLjctLjdjMC0uNjAzLS42MS0xLjI2OC0xLjU5Ny0xLjI2OHMtMS41OTcuNjY1LTEuNTk3IDEuMjY4YS43LjcgMCAwMS0xLjQgMGMwLTEuNTcgMS40NDctMi42NjggMi45OTctMi42NjggMS41NSAwIDIuOTk3IDEuMDk3IDIuOTk3IDIuNjY4YS43LjcgMCAwMS0uNy43WicgY2xpcC1ydWxlPSdldmVub2RkJy8+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNMTAuNTk0IDkuMTc1YS43LjcgMCAwMC0uNy43YzAgLjYwMy0uNjEgMS4yNjktMS41OTcgMS4yNjlTNi43IDEwLjQ3OCA2LjcgOS44NzRhLjcuNyAwIDEwLTEuNCAwYzAgMS41NzIgMS40NDcgMi42NyAyLjk5NyAyLjY3IDEuNTUgMCAyLjk5Ny0xLjA5OCAyLjk5Ny0yLjY3YS43LjcgMCAwMC0uNy0uN1ptMy44OTQuN2EuNy43IDAgMDEuNy0uNyA3LjI2MiA3LjI2MiAwIDExLTcuMjYzIDcuMjYyLjcuNyAwIDAxMS40IDAgNS44NjMgNS44NjMgMCAxMDUuODYzLTUuODYyLjcuNyAwIDAxLS43LS43WicgY2xpcC1ydWxlPSdldmVub2RkJy8+PGNpcmNsZSBjeD0nMTIuODkxJyBjeT0nMTQuNzk3JyByPScuOTg0JyBmaWxsLW9wYWNpdHk9Jy42Jy8+PGNpcmNsZSBjeD0nMTAuMjY2JyBjeT0nNy41NzgnIHI9Jy45ODQnLz48Y2lyY2xlIGN4PSc1LjY3MicgY3k9JzcuNTc4JyByPScuOTg0Jy8+PGNpcmNsZSBjeD0nMTYuODI4JyBjeT0nMTQuNzk3JyByPScuOTg0JyBmaWxsLW9wYWNpdHk9Jy42Jy8+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNMTUuNjUgNS4yNzNhLjcuNyAwIDAxLjctLjdoNC4xNDdhLjcuNyAwIDExMCAxLjRIMTYuMzVhLjcuNyAwIDAxLS43LS43WicgY2xpcC1ydWxlPSdldmVub2RkJy8+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNMTguNDI0IDIuNWEuNy43IDAgMDEuNy43djQuMTQ3YS43LjcgMCAxMS0xLjQgMFYzLjJhLjcuNyAwIDAxLjctLjdaJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnLz48L2c+PC9zdmc+);
}
.i-cus--add-files,
.i-cus--adds-emotion {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.w-8 {
  width: 2rem;
}
.h-8 {
  height: 2rem;
}
.font-bold {
  font-weight: 700;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.pt-3 {
  padding-top: 0.75rem;
}

.text-\[\#677788\] {
  --tw-text-opacity: 1;
  color: rgb(103 119 136 / var(--tw-text-opacity, 1));
}
.pt-2 {
  padding-top: 0.5rem;
}
.hover\:bg-primary:hover {
  --ux-primary: 58 126 255;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ux-primary) / var(--tw-bg-opacity, 1));
}
</style>
